snippet bk
	block$0
snippet at
	auto$0
snippet ce
	center$0
##################### filter #####################################
snippet mac.blur
	backdrop-filter blur(${1:5}px)
snippet -t
	$0-transition
snippet ts
	transition ${1:all} ${2:0.4}s ${3:linear}
##################### wide #####################################
snippet w0
	width 0
snippet wp
	width ${1:100}%
snippet wx
	width ${1:30}px
snippet wr
	width ${1:3}rem
snippet h0
	height 0
snippet hp "height %"
	height ${1:100}%
snippet hx "height px"
	height ${1:30}px
snippet hr "height rem"
	height ${1:3}rem
snippet m0
	margin 0
snippet p0
	padding 0
snippet mx
	margin $0px
snippet px
	padding $0px
##################### font #####################################
#wrap 单行文本以...截断"
snippet wrap
	white-space nowrap
	overflow hidden
	text-overflow Ellipsis
snippet fx
	font-size ${1:14}px
snippet fr
	font-size ${1:1}rem
snippet f0
	font-size 0
##################### border #####################################
snippet br
	border-radius ${1:50}%
snippet brx
	border-radius ${1:0}px
snippet bdt
	border-top ${1:1}${2:px} ${3:solid} rgb(${4:255}, ${5:255}, ${6:255})
snippet bd.r
	border-radius $o
snippet bd.rp
	border-radius ${1:50}%
snippet bd.rr
	border-radius ${1:1}rem
##################### display #####################################
snippet db
	display block
snippet dt
	display table
snippet df
	display flex
snippet dn
	display none
snippet di
	display inline-block
#
# Colors
#
snippet cf
	color #fff
snippet c0
	color #000
snippet rgb
	rgb(${1:255}, ${2:255}, ${3:255})$0
snippet rgb0
	rgb(${1:0}, ${2:0}, ${3:0})$0
snippet rgba
	rgba(${1:255}, ${2:255}, ${3:255}, .${4:5})$0
snippet rgba0
	rgba(${1:0}, ${2:0}, ${3:0}, .${4:5})$0
snippet hsl
	hsl(${1:360}, ${2:100}%, ${3:100}%)$0
snippet hsla
	hsla(${1:360}, ${2:100}%, ${3:100}%, ${4:0.5})$0
#
# background
#
snippet bg0
	background #000
snippet bgf
	background #fff
snippet bgs
	background-size ${1:0}px ${2:0}px
snippet bgrn
	background-repeat no-repeat
#
# Pseudo-elements
#
snippet :a
	$0:after
snippet :b
	$0:before
snippet ::a
	$0::after
snippet ::b
	$0::before
#
# Selectors
#
snippet :fc
	$0:first-child
snippet :lc
	$0:last-child
snippet :nc
	$0:nth-child($0)
snippet :nlc
	$0:nth-last-child($0)
snippet :oc
	$0:only-child
##################### paragraphs #####################################
snippet .trangle-down
	.trangle
		width 0
		height 0
		border-left ${1:50}px solid transparent
		border-right $1px solid transparent
		border-top $2px solid #$3

##################### vue #####################################
snippet v.styl
	.slide-enter-active, .slide-leave-active
		transition: all .3s
	.slide-enter, .slide-leave-active
		transform: translate3d(100%, 0, 0)
	.`expand("%:t:r")`
		position fixed
		z-index 1000
		top 0
		left 0
		right 0
		bottom 0
		background $color-background
